<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户反馈页</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
    <link th:href="@{/assets/css/common/star-rating.css}" media="all" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/themes/krajee-fas/theme.css}" media="all" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/themes/krajee-svg/theme.css}" media="all" rel="stylesheet" type="text/css"/>
    <!--suppress JSUnresolvedLibraryURL -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script th:src="@{/assets/js/common/star-rating.js}" type="text/javascript"></script>
    <script th:src="@{/assets/themes/krajee-fas/theme.js}" type="text/javascript"></script>
    <script th:src="@{/assets/themes/krajee-svg/theme.js}" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/assets/css/styles.css}">
    <link rel="stylesheet" th:href="@{/assets/css/colors.css}">
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/custom.js}"></script>
    <script th:src="@{/assets/js/daterangepicker.js}"></script>
    <script th:src="@{/assets/js/dropzone.js}"></script>
    <script th:src="@{/assets/js/imagesloaded.js}"></script>
    <script th:src="@{/assets/js/ion.rangeSlider.min.js}"></script>
    <script th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
    <script th:src="@{/assets/js/lightbox.js}"></script>
    <script th:src="@{/assets/js/markerclusterer.js}"></script>
    <script th:src="@{/assets/js/moment.min.js}"></script>
    <script th:src="@{/assets/js/morris.min.js}"></script>
    <script th:src="@{/assets/js/raphael.min.js}"></script>
    <script th:src="@{/assets/js/select2.min.js}"></script>
    <script th:src="@{/assets/js/slick.js}"></script>
    <script th:src="@{/assets/js/slider-bg.js}"></script>
    <script th:src="@{/assets/js/script.js}"></script>
</head>
<body>
    <!-- 复用首页头部 -->
    <header th:replace="index::header"></header>
    <!-- 复用提示框信息 -->
    <div th:replace="point-modal::modal"></div>
    <!-- 设置隐藏框，用于存放此条订单的id信息 -->
    <input type="text" th:value="${orderId}" id="orderId" hidden="hidden">
    <!-- 反馈页面内容 -->
    <section class="gray-simple">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8 col-sm-8">
                    <div class="property_block_wrap style-2">
                        <div th:if="${noScore}">
                            <div class="property_block_wrap_header no-collapse">
                                <h4>先给我们打个分吧</h4>
                            </div>
                            <!-- 五角星评分 -->
                            <div class="block-body">
                                <form class="form-simple" id="scoreForm">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <div class="form-group">
                                                <label>环境评分</label>
                                                <input id="environment-score" type="text" class="rating" data-theme="krajee-fas" data-min="0" data-max="5" data-step="0.5" data-stars=5
                                                       data-symbol="&#xe005;" data-default-caption="{rating} hearts" data-star-captions="{}" title="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-12">
                                            <div class="form-group">
                                                <label>便利性评分</label>
                                                <input id="convenience-score" type="text" class="rating" data-theme="krajee-fas" data-min="0" data-max="5" data-step="0.5" data-stars=5
                                                       data-symbol="&#xe005;" data-default-caption="{rating} hearts" data-star-captions="{}" title="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-12">
                                            <div class="form-group">
                                                <label>体验感评分</label>
                                                <input id="feel-score" type="text" class="rating" data-theme="krajee-fas" data-min="0" data-max="5" data-step="0.5" data-stars=5
                                                       data-symbol="&#xe005;" data-default-caption="{rating} hearts" data-star-captions="{}" title="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-12">
                                            <div class="form-group">
                                                <label>推荐度评分</label>
                                                <input id="recommend-score" type="text" class="rating" data-theme="krajee-fas" data-min="0" data-max="5" data-step="0.5" data-stars=5
                                                       data-symbol="&#xe005;" data-default-caption="{rating} hearts" data-star-captions="{}" title="">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12">
                                            <div class="form-group">
                                                <button class="btn btn-theme bg-2" type="button" onclick="putScoreInfo()">提交评分</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="property_block_wrap_header no-collapse">
                            <h4>填写您的反馈信息给房东</h4>
                        </div>
                        <!-- 文字信息填写 -->
                        <div class="block-body">
                            <form class="form-simple" id="feedbackForm">
                                <div class="row">
                                    <input type="text" th:value="${orderId}" name="orderId" hidden="hidden">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="form-group">
                                            <label>姓名</label>
                                            <input type="text" name="contactName" class="form-control simple">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="form-group">
                                            <label>电子邮箱</label>
                                            <input type="email" name="contactEmail" class="form-control simple">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group">
                                            <label>标题</label>
                                            <input type="text" name="title" class="form-control simple">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group">
                                            <label>内容</label>
                                            <textarea class="form-control simple" name="content"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group">
                                            <button class="btn btn-theme bg-2" type="button" onclick="putFeedbackInfo()">提交反馈</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4">
                    <div class="contact-box">
                        <i class="ti-location-pin"></i>
                        <h4>公司地址位置</h4>
                        <p>北京市朝阳区三里屯xxxxxxxxx</p>
                    </div>
                    <div class="contact-box">
                        <i class="ti-email"></i>
                        <h4>联系管理员</h4>
                        <p>1231231231@qq.com</p>
                        <p>400 100 8888</p>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- 复用首页底部 -->
    <div th:replace="index::footer"></div>

</body>
</html>